<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="my" tagdir="/WEB-INF/tags"%>

<!DOCTYPE html>
<html>
<head>
<my:head
	title='Кристинкин магазинчик: Редактирование <c:out
		value="${item.name}" default="нового товара" />' />
</head>

<body>
	<my:header/>
	<my:nav/>

	<div id="pageContent">
		<form action="item_modify" method="post" enctype="multipart/form-data">
			<input type="hidden" name="id" value="${item.id}">

			<table>
				<tbody>
					<tr>
						<td>Название:</td>
						<td><input type="text" value="${item.name}" name="name"></td>
					</tr>

					<tr>
						<td>Описание:</td>
						<td><textarea cols="80" rows="12" name="description">${item.description}</textarea></td>

					</tr>
					<tr>
						<td>Размеры:</td>
						<td>
							<table>
								<tbody>
									<tr>
										<td>Ширина:</td>
										<td><input value="${item.width}" name="width" size="8">
											см.</td>
									</tr>

									<tr>
										<td>Высота:</td>
										<td><input value="${item.height}" name="height" size="8">
											см.</td>
									</tr>


									<tr>
										<td>Глубина:</td>
										<td><input value="${item.depth}" name="depth" size="8">
											см.</td>
									</tr>
								</tbody>
							</table>
						</td>
					</tr>

					<tr>
						<td>Стоимость:</td>
						<td><input value="${item.cost}" name="cost" size="6">
							руб.</td>
					</tr>

					<tr>
						<td>Основное изображение:</td>
						<td><c:if test="${item.mainImage != null}">
								<c:url value="image" var="itemImageUrl">
									<c:param name="id" value="${item.mainImage.id}" />
									<c:param name="width" value="200" />
									<c:param name="height" value="200" />
								</c:url>

								<img src="${itemImageUrl}" alt="Основное изображение"
									style="float: left; margin: 10px">
							</c:if>

							<div style="margin: 10px">
								<input type="file" name="mainImage" accept="image/jpeg"
									style="padding-bottom: 10px"> <br> <input
									type="button" value="Удалить"> <input type="button"
									value="Повернуть">
							</div></td>
					</tr>

					<tr>
						<td>Галерея картинок:</td>
						<td><c:forEach var="image" items="${item.images}">
								<c:url value="image" var="itemImageUrl">
									<c:param name="id" value="${image.id}" />
								</c:url>

								<img src="itemImageUrl" alt="Дополнительное изображение"
									width="200" height="200">
							</c:forEach>

							<table>
								<tbody>
									<tr>
										<td>Первое изображение: <input type="file" name="image1"
											accept="image/jpeg">
										</td>
									</tr>

									<tr>
										<td>Второе изображение: <input type="file" name="image2"
											accept="image/jpeg">
										</td>
									</tr>

									<tr>
										<td>Третье изображение: <input type="file" name="image3"
											accept="image/jpeg">
										</td>
									</tr>

									<tr>
										<td>Четвертое изображение: <input type="file"
											name="image4">
										</td>
									</tr>
								</tbody>
							</table></td>
					</tr>

					<tr>
						<td></td>
						<td><c:choose>
								<c:when test="${item.id == 0}">
									<input type="submit" value="Добавить">
									<input type="reset" value="Сбросить">
								</c:when>
								<c:otherwise>
									<input type="submit" value="Изменить">
								</c:otherwise>

							</c:choose> <a href='<c:url value="goods"/>'>Вернуться</a></td>
					</tr>
				</tbody>
			</table>
		</form>

		<c:if test="${item.id != 0}">
			<form action="item_modify" method="post">
				<input type="hidden" name="id" value="${item.id}"> <input
					type="hidden" name="remove" value="true"> <input
					type="submit" value="Удалить данный товар">
			</form>
		</c:if>
	</div>

	<my:footer/>
</body>
</html>